import React, { memo } from 'react'
import { useRoutes } from 'react-router-dom'

import routes from "./router";
import AppHeader from './components/app-header';
import AppFooter from './components/app-footer';


const App = memo(() => {
  return (
    <div className="App">
      <AppHeader></AppHeader>
      <main>
        {useRoutes(routes)}
      </main>
      <AppFooter></AppFooter>
    </div>
  )
})

export default App
